<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<style type="text/css">
			div div{
				width: 100px;
				height: 100px;
				border: 1px solid;
			}
			#div2{
				position: relative;
				left:300px;
				bottom: 1.875rem;
			}
			#div3{
				position: fixed;
				top: 19.125rem;
				left: 18.75rem;
			}
			#parent{
				position: relative;
				top: 30px;
				left: 1.25rem;
				border: 1px solid blue;
			}
			#div4{
				position: absolute;
				left: 20px;
				top: 10px;
				background-color: limegreen;
				z-index: 0;
				opacity: 0.3;
			}
			#div5{
				position: absolute;
				left: 120px;
				top: 20px;
				background-color: red;
				z-index: -1;
			}
			#div7{
				overflow: scroll;
			}
		</style>
	</head>
	<body>
		<div id="parent">
			<div><img src="img/八骏图.jpg" ></div>
			<div id="div2">2</div>
			<div id="div3">3</div>
			<div id="div4">4</div>
			<div id="div5">5</div>
			<div>6</div>
			<div id="div7"><img src="img/八骏图.jpg" ></div>
			<div>8</div>
			<div>9</div>
			<div>10</div>
			<div>11</div>
			
		</div>
	</body>
</html>
